<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!doctype html>
<html lang="en">
<head>
  <link rel="stylesheet" href="${ctx}/statics/css/manage.css">
  <title>网关设置</title>
</head>
<body>

<section class="settings-wrap">
  <div class="table-wrap">
    <table id="gatewayTable" lay-filter="gatewayTable"></table>
  </div>
  <div class="operate-btns">
<%--    <button class="layui-btn layui-btn-primary layui-btn-lg addBtn"><i class="layui-icon layui-icon-addition"></i>新增</button>--%>
    <button class="layui-btn layui-btn-primary layui-btn-lg editBtn"><i class="layui-icon layui-icon-edit"></i>编辑</button>
    <button class="layui-btn layui-btn-primary layui-btn-lg delBtn"><i class="layui-icon layui-icon-delete"></i>删除</button>
  </div>
</section>

<!--toolbar-->
<script type="text/html" id="toolbar">
  <button class="layui-btn getCheckData" lay-event="getCheckData">获取选中行数据</button>
</script>

<%--新增弹窗--%>
<script type="text/html" id="add-tpl">
  <form class="layui-form add-param" lay-filter="add-param" action="#">
      <div class="layui-form-item">
          <label class="layui-form-label">网关IP</label>
          <div class="layui-input-inline">
              <input type="text" class="layui-input" name="ip" placeholder="请输入">
          </div>
      </div>
    <div class="layui-form-item">
      <label class="layui-form-label">IP简称</label>
      <div class="layui-input-inline">
        <input type="text" class="layui-input" name="gatewayName" placeholder="请输入">
      </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">端口号</label>
        <div class="layui-input-inline">
            <input type="number" class="layui-input" name="port" placeholder="请输入">
        </div>
    </div>
    <div class="layui-form-item">
      <label class="layui-form-label">备注</label>
      <div class="layui-input-block">
        <textarea name="descrition" placeholder="请输入" class="layui-textarea"></textarea>
      </div>
    </div>
    <div class="layui-form-item">
      <div class="fr">
        <button class="layui-btn layui-btn-sm" lay-submit lay-filter="add-param">确定</button>
        <button type="cancel" class="layui-btn layui-btn-sm layui-btn-primary">取消</button>
      </div>
    </div>
  </form>
</script>
<%--编辑弹窗--%>
<script type="text/html" id="edit-tpl">
  <form class="layui-form edit-param" lay-filter="edit-param" action="#">
    <input type="hidden" class="layui-input" name="gatewayId" placeholder="请输入">
      <div class="layui-form-item">
          <label class="layui-form-label">网关IP</label>
          <div class="layui-input-inline">
              <input type="text" class="layui-input" id="ip" name="ip" placeholder="请输入" lay-verify="ip">
          </div>
      </div>
    <div class="layui-form-item">
      <label class="layui-form-label">IP简称</label>
      <div class="layui-input-inline">
        <input type="text" class="layui-input" name="gatewayName" placeholder="请输入" lay-verify="required">
      </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">端口号</label>
        <div class="layui-input-inline">
            <input type="number" class="layui-input" name="port" placeholder="请输入" lay-verify="port">
        </div>
    </div>
    <div class="layui-form-item">
      <label class="layui-form-label">备注</label>
      <div class="layui-input-block">
        <textarea name="descrition" placeholder="请输入" class="layui-textarea"></textarea>
      </div>
    </div>
    <div class="layui-form-item">
      <div class="fr">
        <button class="layui-btn layui-btn-sm" lay-submit lay-filter="edit-param">确定</button>
        <button type="cancel" class="layui-btn layui-btn-sm layui-btn-primary">取消</button>
      </div>
    </div>
  </form>
</script>

<script src="${ctx}/statics/js/gatewayManage.js"></script>
</body>
</html>
